<% layout('layout') %>
<% block('head').append('<link type="text/css" href="/stylesheets/style.css">') %>
<div ng-controller="CenterCtrl" data-ng-init="load('<%= getorderurl%>')">

    <div data-am-widget="tabs" class="am-tabs am-tabs-d2  am-margin-0">
        <ul class="am-tabs-nav am-cf">
            <li class="{{isqb}}"><a href="[data-tab-panel-0]" ng-click="getOrderByType('/user/nghistory/0')">全部</a></li>
            <li class="{{isdfk}}"><a href="[data-tab-panel-1]" ng-click="getOrderByType('/user/nghistory/1')">待付款</a></li>
            <li class="{{isdsh}}"><a href="[data-tab-panel-2]" ng-click="getOrderByType('/user/nghistory/3')">待收货</a></li>
            <li class="{{isdpj}}"><a href="[data-tab-panel-3]" ng-click="getOrderByType('/user/nghistory/4')">待评价</a></li>
        </ul>
        <div class="am-tabs-bd">

            <div data-tab-panel-0 class="am-tab-panel {{isqb}}">
                <div class="am-list" >

                    <div class="am-list-item am-margin-vertical-sm  scor-border-bottom"  ng-repeat="orderone in orderlistres">
                        <p class="scor-font-size-15 scor-color-555 am-margin-0">
                            <span class="am-margin-left-sm">  订单编号  </span>
                            <span class="am-text-warning ">{{orderone.orderid}}</span>
                        </p>

                        <p class="scor-font-size-12 scor-color-555 am-margin-0">
                            <span class="am-margin-left-sm">  订单状态 </span>
                            <span class="am-text-warning ">{{orderone.status}}</span>
                        </p>

                        <div class="am-g" ng-repeat="good in orderone.goods">
                            <div class="am-u-sm-2">
                                <img src="{{good.img}}" class="scor-img-45">
                            </div>
                            <div class="am-u-sm-7">
                                <div class="am-text-warning scor-font-size-16">{{good.pname + good.sname}}</div>
                                <div class="scor-color-555 scor-font-size-14">数量:<span class="scor-color-888"> {{good.size}}</span></div>
                            </div>
                            <div class="am-u-sm-3">
                                <div class="am-text-warning scor-font-weight-700 scor-font-size-14">￥{{good.price}}</div>
                                <div>&nbsp;</div>
                            </div>
                        </div>

                        <div class="am-g">
                            <div class="am-margin-left-sm ">
                                <span class="scor-color-888 scor-font-size-12 ">收货信息：&nbsp;</span>
                                <span class="scor-font-size-12 scor-font-weight-700">{{orderone.address}}</span>
                            </div>
                        </div>

                        <div class="am-g">
                            <div class="am-u-sm-6 am-margin-0 ">
                                <span class="scor-color-888 scor-font-size-12 ">支付方式：&nbsp;</span>
                                <span class="scor-font-size-12 scor-font-weight-700">{{orderone.payway}}</span>
                            </div>
                            <div class="am-u-sm-6 am-margin-0 ">
                                <span class="scor-color-888 scor-font-size-12 ">总计：&nbsp;</span>
                                <span class="scor-font-size-14 scor-color-red scor-font-weight-700">{{orderone.finalAmount}}</span>
                               <!-- <span class="scor-border  am-radius scor-font-size-15 scor-color-888 am-align-right am-margin-right-xs am-margin-top-xs am-padding-horizontal-sm" ng-click="getOrderInfo(orderone.orderid)">查&nbsp;看</span>-->
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div data-tab-panel-1 class="am-tab-panel {{isdfk}}">
                <div class="am-list">

                    <div class="am-list-item am-margin-vertical-sm  scor-border-bottom" ng-repeat="orderone in orderlistres">
                        <p class="scor-font-size-15 scor-color-555 am-margin-0">
                            <span class="am-margin-left-sm">  订单编号 </span>
                            <span class="am-text-warning ">{{orderone.orderid}}</span>
                            <button type="button" class="am-btn am-btn-secondary am-radius am-btn-xs" data-am-modal="{target: '#my-actions'}">去付款 </button>
                            <button type="button" class="am-btn am-btn-warning am-radius am-btn-xs" ng-click="quxiao(orderone.objeid)">取消</button>
                        </p>
                        <p class="scor-font-size-12 scor-color-555 am-margin-0">
                            <span class="am-margin-left-sm">  订单状态 </span>
                            <span class="am-text-warning ">{{orderone.status}}</span>
                        </p>

                        <div class="am-g" ng-repeat="good in orderone.goods">
                            <div class="am-u-sm-3">
                                <img src="{{good.img}}" class="scor-img-45">
                            </div>
                            <div class="am-u-sm-6">
                                <div class="am-text-warning scor-font-size-16">{{good.pname + good.sname}}</div>
                                <div class="scor-color-555 scor-font-size-14">数量:<span class="scor-color-888"> {{good.size}}</span></div>
                            </div>
                            <div class="am-u-sm-3">
                                <div class="am-text-warning scor-font-weight-700 scor-font-size-14">￥{{good.price}}</div>
                                <div>&nbsp;</div>
                            </div>
                        </div>

                        <div class="am-g">
                            <div class="am-margin-left-sm ">
                                <span class="scor-color-888 scor-font-size-12 ">收货信息：&nbsp;</span>
                                <span class="scor-font-size-12 scor-font-weight-700">{{orderone.address}}</span>
                            </div>
                        </div>

                        <div class="am-g">
                            <div class="am-u-sm-6 am-margin-0 ">
                                <span class="scor-color-888 scor-font-size-12 ">支付方式：&nbsp;</span>
                                <span class="scor-font-size-12 scor-font-weight-700">{{orderone.payway}}</span>
                            </div>
                            <div class="am-u-sm-6 am-margin-0 ">
                                <span class="scor-color-888 scor-font-size-12 ">总计：&nbsp;</span>
                                <span class="scor-font-size-14 scor-color-red scor-font-weight-700">{{orderone.finalAmount}}</span>
                                <!-- <span class="scor-border  am-radius scor-font-size-15 scor-color-888 am-align-right am-margin-right-xs am-margin-top-xs am-padding-horizontal-sm" ng-click="getOrderInfo(orderone.orderid)">查&nbsp;看</span>-->
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div data-tab-panel-2 class="am-tab-panel {{isdsh}}">
                <div class="am-list">

                    <div class="am-list-item am-margin-vertical-sm  scor-border-bottom" ng-repeat="orderone in orderlistres">
                        <p class="scor-font-size-15 scor-color-555 am-margin-0">
                            <span class="am-margin-left-sm">  订单编号 </span>
                            <span class="am-text-warning ">{{orderone.orderid}}</span>
                        </p>
                        <p class="scor-font-size-12 scor-color-555 am-margin-0">
                            <span class="am-margin-left-sm">  订单状态 </span>
                            <span class="am-text-warning ">{{orderone.status}}</span>
                        </p>

                        <div class="am-g" ng-repeat="good in orderone.goods">
                            <div class="am-u-sm-3">
                                <img src="{{good.img}}" class="scor-img-45">
                            </div>
                            <div class="am-u-sm-6">
                                <div class="am-text-warning scor-font-size-16">{{good.pname + good.sname}}</div>
                                <div class="scor-color-555 scor-font-size-14">数量:<span class="scor-color-888"> {{good.size}}</span></div>
                            </div>
                            <div class="am-u-sm-3">
                                <div class="am-text-warning scor-font-weight-700 scor-font-size-14">￥{{good.price}}</div>
                                <div>&nbsp;</div>
                            </div>
                        </div>

                        <div class="am-g">
                            <div class="am-margin-left-sm ">
                                <span class="scor-color-888 scor-font-size-12 ">收货信息：&nbsp;</span>
                                <span class="scor-font-size-12 scor-font-weight-700">{{orderone.address}}</span>
                            </div>
                        </div>

                        <div class="am-g">
                            <div class="am-u-sm-6 am-margin-0 ">
                                <span class="scor-color-888 scor-font-size-12 ">支付方式：&nbsp;</span>
                                <span class="scor-font-size-12 scor-font-weight-700">{{orderone.payway}}</span>
                            </div>
                            <div class="am-u-sm-6 am-margin-0 ">
                                <span class="scor-color-888 scor-font-size-12 ">总计：&nbsp;</span>
                                <span class="scor-font-size-14 scor-color-red scor-font-weight-700">{{orderone.finalAmount}}</span>
                                <!-- <span class="scor-border  am-radius scor-font-size-15 scor-color-888 am-align-right am-margin-right-xs am-margin-top-xs am-padding-horizontal-sm" ng-click="getOrderInfo(orderone.orderid)">查&nbsp;看</span>-->
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div data-tab-panel-3 class="am-tab-panel {{isdpj}}">
                <div class="am-list">

                    <div class="am-list-item am-margin-vertical-sm  scor-border-bottom" ng-repeat="orderone in orderlistres">
                        <p class="scor-font-size-15 scor-color-555 am-margin-0">
                            <span class="am-margin-left-sm">  订单编号 </span>
                            <span class="am-text-warning ">{{orderone.orderid}}</span>
                            <button type="button" class="am-btn am-btn-warning am-radius am-btn-xs" ng-click="pinjia(orderone.orderid)">评价</button>
                        </p>
                        <p class="scor-font-size-12 scor-color-555 am-margin-0">
                            <span class="am-margin-left-sm">  订单状态 </span>
                            <span class="am-text-warning ">{{orderone.status}}</span>
                        </p>

                        <div class="am-g" ng-repeat="good in orderone.goods">
                            <div class="am-u-sm-3">
                                <img src="{{good.img}}" class="scor-img-45">
                            </div>
                            <div class="am-u-sm-6">
                                <div class="am-text-warning scor-font-size-16">{{good.pname + good.sname}}</div>
                                <div class="scor-color-555 scor-font-size-14">数量:<span class="scor-color-888"> {{good.size}}</span></div>
                            </div>
                            <div class="am-u-sm-3">
                                <div class="am-text-warning scor-font-weight-700 scor-font-size-14">￥{{good.price}}</div>
                                <div>&nbsp;</div>
                            </div>
                        </div>

                        <div class="am-g">
                            <div class="am-margin-left-sm ">
                                <span class="scor-color-888 scor-font-size-12 ">收货信息：&nbsp;</span>
                                <span class="scor-font-size-12 scor-font-weight-700">{{orderone.address}}</span>
                            </div>
                        </div>

                        <div class="am-g">
                            <div class="am-u-sm-6 am-margin-0 ">
                                <span class="scor-color-888 scor-font-size-12 ">支付方式：&nbsp;</span>
                                <span class="scor-font-size-12 scor-font-weight-700">{{orderone.payway}}</span>
                            </div>
                            <div class="am-u-sm-6 am-margin-0 ">
                                <span class="scor-color-888 scor-font-size-12 ">总计：&nbsp;</span>
                                <span class="scor-font-size-14 scor-color-red scor-font-weight-700">{{orderone.finalAmount}}</span>
                                <!-- <span class="scor-border  am-radius scor-font-size-15 scor-color-888 am-align-right am-margin-right-xs am-margin-top-xs am-padding-horizontal-sm" ng-click="getOrderInfo(orderone.orderid)">查&nbsp;看</span>-->
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="am-modal-actions" id="my-actions">
        <div class="am-modal-actions-group">
            <ul class="am-list">
                <li class="am-modal-actions-header">请选择支付方式</li>
                <li class="am-modal-actions-primary"><a href="#"> 货到付款</a></li>
                <li class="am-modal-actions-success"><a href="#"> 微信支付</a></li>
                <li class="am-modal-actions-warning"><a href="#"> 余额支付</a></li>

            </ul>
        </div>
        <div class="am-modal-actions-group">
            <button class="am-btn am-btn-secondary am-btn-block" data-am-modal-close>取消</button>
        </div>
    </div>
</div>


<% include ../navbar.ejs %>
<% block('footer').append('<script src="'+CDN+'script/center.js"></script>') %>
